<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.org/ui"
    xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
    <h:outputStylesheet library="css" name="main.css" />
</h:head>
<h:body>
    <h:form>
    
		 <p:carousel value="#{pranchaBean.allPrancha}" 
		 			 headerText="Advanced" 
		 			 var="p" 
		 			 itemStyleClass="carItem" 
		 			 numVisible="3" 
		 			 easing="easeOutBounce" >
       			
	        <h:panelGrid columns="2" 
	        			 style="width:100%" 
	        			 cellpadding="5" 
	        			 columnClasses="label,value">
	        			 
	            <f:facet name="header">
	           		<h:graphicImage library="img/pranchas" name="#{p.nomeFoto}.jpg" title="Foto prancha" />
	           	</f:facet>
	 
	 		    <h:outputText value="#{msgs.tamanho}" />
	            <h:outputText value="#{p.tamanho}" />
	 
	            <h:outputText value="#{msgs.espessura}" />
	            <h:outputText value="#{p.espessura}" />
	           
	        </h:panelGrid>
	 
	        <f:facet name="footer">
	                
	        </f:facet>
	    </p:carousel>
    
    
        <p:dataTable value="#{pranchaBean.allPrancha}" 
        			 var="prancha" 
        			 styleClass="table" 
        			 headerClass="tableColumnsHeader" 
        			 rowClasses="tableFirstLine,tableNextLine" >
        			 
            <p:column headerText="#{msgs.tamanho}">
            	<h:outputText value="#{prancha.tamanho}" />
            </p:column>
            
            <p:column headerText="#{msgs.espessura}">
            	<h:outputText value="#{prancha.espessura}" />
            </p:column>
        </p:dataTable>
        
    </h:form>
</h:body>
</html>